html body {
    margin: 0;
    height: 100%;
    width: 100%;
}
.publicHeader {
    background: linear-gradient(to bottom,#90ac90,#94a59f,#92a09d,#899496,#7f8a6e,#78806a);
    width: 100%;
    height: 60px;
}
.publicHeaderR{
    float: right;
}
.publicHeaderR p{
    display: inline-block;
}
.publicTime{
    background: linear-gradient(to bottom,#f5f9f8,#eef2fb,#e2ecf5,#e2ecf5,#e0edf6);
    color: #808589;
    font-size: 13px;
    line-height: 30px;
}
#time{
    /*float: left;*/
    background: url("../img/time.png") 0 center no-repeat;
    padding-left: 26px;
}
.publicTime a{
    float: right;
    font-size: 13px;
    color: #808589;
}
/*公共部分主体内容*/
.publicMian{
    border-top: 1px solid #c2ccd5;
    display: flex;  /*变为弹性盒模型*/
    display: -webkit-flex;
    background: #fff;
}
/*左边*/
.left{
    width: 176px;
    background: url("../img/leftBg.png") 0 0 repeat-y;
    margin-right: 10px;
    /*height: 520px;*/
    min-height: 720px;

}
.leftH2{
    width: 140px;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #60b3e7;
    margin: 10px  auto;
    box-shadow:4px 4px rgba(212,212,212,0.7);
}
.leftH2 span{
    width: 10px;
    height: 10px;
    display: inline-block;
    background: radial-gradient(#70c2f4,#3a8dc1, #035384, #4696c7,#83d1f5);
    border-radius: 50%;
}
.list{
    margin: 0 20px;
    font-weight: bold;
    padding-left: 0px;
    font-size: 15px;
}
.list li{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgba(212,212,212,0.5) ;
    list-style-type: none;
}
.list li:nth-child(1){
    background: url("../img/zd.png") 0  center no-repeat;
}
.list li:nth-child(2){
    background: url("../img/gys.png") 0  center no-repeat;
}
.list li:nth-child(3){
    background: url("../img/yh.png") 0  center no-repeat;
}
.list li:nth-child(4){
    background: url("../img/mm.png") 0  center no-repeat;
}
.list li:nth-child(5){
    background: url("../img/tc.png") 0  center no-repeat;
}
.list li:hover{
    background-color: #acd5f5;
    border-radius: 4px;
}
.list li:active, #active{
    background-color: #92c609;
    border-radius: 4px;
}
.list a{
    color: #0042a8;
    display: inline-block;
    padding-left: 40px;
    width: 90%;
    text-decoration: none;
}
/*欢迎登录页*/
.wColck {
    width: 88px;
    height: 108px;
    /* margin: 50px; */
    /* float: left; */
    display: block;
}
/*右边*/
.right{
    width: 89%;
}
.footer div{
    display: flex;
    align-items: center;
    height: 100px;
    background: linear-gradient(to bottom,#90ac90,#94a59f,#92a09d,#899496,#7f8a6e,#78806a);
    text-shadow: 1px 1px white;
    justify-content: center;
}
.footer p{
    line-height: 0px;
    display: inline-block;
}
.location{
    height: 30px;
    line-height: 30px;
    border: 1px solid #e6eaf6;
    border-radius: 8px;
    background: linear-gradient(to bottom, #fefefe,#ffffff,#f6fafd);
    color: #4a4a4a;
    margin-bottom: 10px;
}
.location strong{
    background: url("../img/home.png") 0 center no-repeat;
    display: inline-block;
    padding-left: 30px;
    margin-left: 5px;
}
.location span{
    color: #789321;
    font-weight:  bold;
    font-size: 15px;
}
.search{
    margin: 10px 0;
    height: 30px
}
.search form{
    float: left;
}
.search input[type="submit"]{
    background:#87c212 url("../img/search.png") 10px center no-repeat;
    border: green;
    border-radius: 4px;
    font-weight: bold;
    padding: 0 4px;
    width: 100px;
    height: 30px;
    color: white;
    margin: 0 10px;
}
.search input[type="submit"]:hover{
    background: #87f212 url("../img/search.png") 10px center no-repeat;
}
.search a{
    width: 80px;
    padding-left:40px;
    float: right;
    margin: 0 60px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #0c89de;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    background:#47ac11 url("../img/tianjia.png") 10px center no-repeat;
    display: inline-block;
    text-decoration: none;
}
.search a:hover,.search a:active{
    background-color: #077825;
}
.providerTable{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
.providerTable td, .providerTable th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}
.providerView{
    width: 86%;
    height: 30%;
    border: 1px solid #789321;
    border-radius: 10px;
    padding: 30px;
}
.providerView button{
    border: 1px solid green;
    border-radius: 4px;
    background-color: green;
    color: white;
    width: 58px;
    height: 30px;
}
.providerView button:hover{
    background-color: #87f212;
}
.providerUpdate{
    width: 86%;
    height: 50%;
    border: 1px solid #789321;
    border-radius: 10px;
    padding: 30px;
}
.formItem{
    margin: 10px 0;
}
.providerUpdate label{
    width: 120px;
    display: inline-block;
    text-align: right;
}
.providerUpdateBtn{
    margin-left: 50px
}
.providerUpdateBtn input{
    margin: 10px 10px;
    border: 1px solid green;
    border-radius: 4px;
    background-color: green;
    color: white;
    width: 58px;
    height: 30px;
}
.providerUpdateBtn input:hover{
    background-color: #87f212;
}
.userPwdUpdate{
    width: 86%;
    height: 30%;
    border: 1px solid #789321;
    border-radius: 10px;
    padding: 30px;
}
.userPwdUpdate div{
    margin: 12px 0;
}
.userPwdUpdate label{
    width: 100px;
    text-align: right;
    display: inline-block
}
.userPwdUpdate input[type=password] ,.userPwdUpdate select{
    width: 260px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #4987c0;
    box-shadow: 1px 1px 1px #99afc4;
}
.userPwdUpdate input:focus,.userPwdUpdate select:focus {
    border: 1px solid #0e56a8;
    background: rgba(238, 236, 240, 0.2);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}
.userPwdUpdate span{
    margin-left: 20px;
    color: #faca0d;
}

/*验证错误*/
.userPwdUpdate .error span {
    color: red;
}

.userPwdUpdate .error input {
    border: 1px solid red;
}

/*验证成功*/
.userPwdUpdate .ok span {
    color: green;
}

.userPwdUpdate .ok input {
    border: 1px solid green;
}
.providerAdd{
    width: 86%;
    height: 50%;
    border: 1px solid #789321;
    border-radius: 10px;
    padding: 30px;
}
.providerAdd input[type="text"], .providerAdd select{
    width: 200px;
    /* text-align: center; */
    line-height: 30px;
    height: 30px;
    border: 1px solid #4987c0;
    box-shadow: 1px 1px 1px #99afc4;
    border-radius: 5px;
    padding-left: 10px;
}
.providerAdd input:focus,.providerAdd select:focus {
    border: 1px solid #0e56a8;
    background: rgba(238, 236, 240, 0.2);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}
.providerAdd label{
    text-align: right;
    display: inline-block;
    width: 200px;
}
.providerAdd div{
    margin: 10px 0;
}
.providerAdd span{
    margin-left: 20px;
    color: #faca0d;
}
.providerAddBtn input{
    height: 30px;
    width: 70px;
    font-weight: bold;
    color: white;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    border: transparent;
    background: linear-gradient(to bottom, #85c0ec, #6aa7d6, #508dc6, #306fb4, #17559e);
    cursor: pointer;
    font-size: 14px;
    vertical-align: top;
}
.providerAddBtn input[type="submit"]{
    margin-left: 180px;
}
.zhezhao {
    display: none;          /* 修改这里可以让遮罩层消失*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    overflow: hidden;
}
.remove{
    display: none;
    position: absolute;
    top: 200px;
    left: 600px;
    width: 370px;
    height: 210px;
    background: #fff;
}
.removerChid{
    margin: 4px;
    border: 1px solid #ccc;
}
.removerChid h2{
    padding-left: 8px;
    font-size: 14px;
    line-height: 30px;
    margin: 4px 8px;
    border-bottom: 1px solid #99cc33;
}
.removeMain{
    margin-top: 38px;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 4px;
}
.removeMain a{
    padding: 0 20px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #5e8809;
    margin-top: 30px;
    background: #99cc33;
    color: #fff;
}
.removeMain a:hover,.removeMain a:active{
    background: #679016;

}